<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="author" content="MrDan" />

    <link rel="stylesheet" href="css/main.css" media="all" />
    
	<title>† Mr.Dân †</title>
</head>

<body>
<!--
Để tạo 1 Box chứa thông tin và có cả tiêu đề, cần làm theo cấu trúc sau:
1- Tạo div có class là box-1 (rộng 680px, dành cho main), box-2 (rộng 250px, dành cho sidebar) có thể chỉnh sửa hoặc thêm các class khác với độ rộng khác
2- Tạo div có class là box-title-color (là màu của title, có các màu: green.blue.yellow.red.orange)
3- Tạo div có class là box-title và điền thông tin của tiêu đề
4- Tạo div có class là box-content để điền thông tin nội dung
-->
<div id="header">
    <div id="logo"></div>
    <div id="panel"></div>
    <div id="mainmenu">
		<ul>
        <li class="active"><a href="/demo/index.php?r=site/index">Home</a></li>
        <li><a href="/demo/index.php?r=site/page&amp;view=about">About</a></li>
        <li><a href="/demo/index.php?r=site/contact">Contact</a></li>
        <li><a href="/demo/index.php?r=site/login">Login</a></li>
        </ul>
    </div><!-- mainmenu -->
</div>
<div id="wrapper">
    <div class="breadcrumbs">
    <?php $this->widget('zii.widgets.CBreadcrumbs', array(
		'links'=>$this->breadcrumbs,
	)); ?><!-- breadcrumbs -->
    </div>
    <div id="sidebar">
<div class="box-2">
    <div class="box-title-color green"></div>
    <div class="box-title">
        news
    </div>

    <div class="box-content">
        <p>aaaaaaaaaaaaaa</p>
    </div>
</div>

<div class="box-2">
    <div class="box-title-color orange"></div>
    <div class="box-title">
        news
    </div>

    <div class="box-content">
        <p>aaaaaaaaaaaaaa</p>
    </div>
</div>
    </div>
    
    <div id="mainpage">
<div class="box-1">
    <div class="box-title-color yellow"></div>
    <div class="box-title">
        Slider
    </div>
    <div class="box-content">
        <div id="slider-img"><img src="images/slider-img.jpg" /></div>
        <div id="slider-detail">
            <p class="slider-title">AAAAAAAAAAAAAA</p>
            <div id="slider-content">BBBBBBB BBBBBB BBBBBB BBBBBB BBBB BBBBBBBBB BBBBBBBBB BBBBBB BBBBBBB BBBBBBB BBBBBB BBBBB BBBBBBB
            </div> 
        </div>
        <div id="sub-slider">
            <div class="box-slider">
                <div class="sub-slider-img"><img src="images/sub-slider-img.jpg" /></div>
                <p class="sub-slider-title">AAAAAAAAA AAAAAA</p>
            </div>
            <div class="box-slider">
                <div class="sub-slider-img"><img src="images/sub-slider-img.jpg" /></div>
                <p class="sub-slider-title">AAAAAAAAA AAAAAA</p>
            </div>
            <div class="box-slider">
                <div class="sub-slider-img"><img src="images/sub-slider-img.jpg" /></div>
                <p class="sub-slider-title">AAAAAAAAA AAAAAA</p>
            </div>
            <div class="clear"></div>
        </div>
    </div>
</div>
<div class="box-1">
    <div class="box-title-color blue"></div>
    <div class="box-title">
        main content
    </div>
    <div class="box-content">
        <p>aaaaaaaaaaaaaa</p>
        <p>aaaaaaaaaaaaaa</p>
        <p>aaaaaaaaaaaaaa</p>
        <p>aaaaaaaaaaaaaa</p>
        <p>aaaaaaaaaaaaaa</p>
        <p>aaaaaaaaaaaaaa</p>
        <p>aaaaaaaaaaaaaa</p>
        <p>aaaaaaaaaaaaaa</p>
        <p>aaaaaaaaaaaaaa</p>
    </div>
</div>
    </div>
    <div class="clear"></div>
</div>
<div id="footer">
    Copyright &copy; <?php echo date('Y'); ?> by D&D.<br/>
		All Rights Reserved.<br/>
		<?php echo Yii::powered(); ?>
</div>
</body>
</html>